<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>我的页面</title>
		<!-- <link rel="stylesheet" type="text/css" href="css/reset.css"/> -->

		<style type="text/css">
			/* .p1 {
				color: red;
			}

			.hello {
				font-size: 20px;
			}

			.p2,
			.hello2 {
				color: green;
				font-size: 15px;
			} */

			/**
		 * 给普通的链接（没有被访问过的链接）设置颜色
		 */
			/* a:link {
				color: blue;
			} */

			/**
		 * 给访问过的链接设置颜色
		 */
			/* a:visited {
				color: yellowgreen;
			} */

			/**
		 * ：hover和：active除了给a元素设置，也可以为其他元素设置，
		 IE6中不支持对超链接以外的元素设置
		 */
			/* p:hover {
				background-color: aquamarine;
			} */

			/* p:active {
				background-color: #0000FF;
			} */

			/* p::first-letter {
				color: red;
			} */

			/* p:before {
				content: "这会出现在整个段落的最前边";
				color: #008000;
			}

			p:after {
				content: "这会出现在整个段落的最后面";
				color: #7FFFD4;
			} */

			/**
			 * 属性选择器
			 */
			/* p[title] {
				background-color: yellow;
			} */
			/* p:first-child{
				background-color: yellow;
			}
			
			p:nth-child(3){
				background-color: yellow;
			} */

			/**
			 * 选中span后的一个p
			 */
			/* span + p{
				background-color: yellow;
			} */
			/**
			 * 选中span后的所有p
			 */
			/* span ~ p{
				background-color: yellow;
			} */

			/**
			 * 否定伪类
				作用：可以从已选中的元素中剔除某些元素
				语法：
					:not(选择器)
			 */
			/* p:not([title="hello"]){
				background-color: yellow;
			} */
			
			/**
			 * a 可以继承line-height
			 */
			/* .box{
			    width:200px;
			    height:200px;
			    background-color:#bfa;
			    line-height:200px;
			} */
			
			/* .hehe{
				font: bold italic 30px "微软雅黑";
			} */
			
			/* .case{ */
				/* text-transform: uppercase; */
				/* text-transform: lowercase; */
				/* text-transform: capitalize;
				text-decoration: underline; */
				/* text-decoration: line-through; */
				/* text-decoration: overline; */
				/**
				 * 字符间距
				 */
				/* letter-spacing: 10px; */
				/**
				 * 单词间距
				 */
				/* word-spacing: 10%; */
			/* } */
			
			.polo360{
				text-decoration: none;
				color: #0000FF;
				font:bold 16px "微软雅黑";
			}
			a.polo360:hover{
				color: #FF0000;
			}
			.polo360:visited{
				color: #0000FF;
			}
		</style>
	</head>
	<body>
		<!-- <a href="https://www.baidu.com">百度一下</a> -->

		<!-- <p class="p1 hello">这是p1元素</p>

	<p class="p2 hello2">这是p2元素</p> -->

		<!-- <p title="这是title属性的文字" style="font-size: 20px;">
			这是一个段落
			<br>
			<span>这是p中的span</span>
		</p>
		<p>这是一个段落</p>
		<p>这是一个段落</p>
		<span>这是span</span>
		<p>这是一个段落</p>
		<p>这是一个段落</p>
		<p title="hello"> 这是一个段落</p> -->

		<!-- <dl>
			<dt>定义列表标题</dt>
			<dd>标题描述1</dd>
			<dd>标题描述2</dd>
		</dl> -->

		<!-- <div class="box">
			<a href="#">这是链接</a>
		</div>
		
		<p class="hehe">这是一个段落</p>
		
		<p class="case">呵呵哒,ABC abc heLLow</p> -->
		
		<h3 align="center">练习</h3>
		<ol>
			<li>
				<a href="exercise/polo360.html" class="polo360">POLO360页面练习</a>
			</li>
		</ol>

	</body>
</html>
